<template>
    <div>
    <ul class="mui-table-view">
        <li class="mui-table-view-cell mui-media">
            <router-link :to=" '/home/newinfo/ '+id">
                <img class="mui-media-object mui-pull-left" src="">
                <div class="mui-media-body">
                    <h5>幸福</h5>
                    <p class='mui-ellipsis'>
                        <span>2020 09-09 08:22:00</span>
                        <span>1人评论</span>
                    </p>
                </div>
            </router-link>
        </li>
        <li class="mui-table-view-cell mui-media">
            <router-link :to=" '/home/newinfo/ '+id">
                <img class="mui-media-object mui-pull-left" src="">
                <div class="mui-media-body">
                    <h5>木屋</h5>
                    <p class='mui-ellipsis'>
                        <span>2020 09-09 08:22:00</span>
                        <span>1人评论</span>
                    </p>
                </div>
            </router-link>
        </li>
        <li class="mui-table-view-cell mui-media">
            <router-link :to=" '/home/newinfo/ '+id">
                <img class="mui-media-object mui-pull-left" src="">
                <div class="mui-media-body">
                    <h5>CBD</h5>
                    <p class='mui-ellipsis'>
                        <span>2020 09-09 08:22:00</span>
                        <span>1人评论</span>
                    </p>
                </div>
            </router-link>
        </li>
    </ul>
    </div>
</template>

<script>
    // import { Toast } from "mint-ui";
    export default {
        data(){
            return {
                id:1
            }
        },
        // 这里应该写加载评论之类的但是我没有获取数据的地址，所以就不写了，下面那个搞了好久都没成功，就放弃了
        // created() {
        //     this.gitDataList();
        // },
        // methods: {
        //    gitDataList(){
        //        this.$http.get('../../../static/news-file.json').then(res => {
        //            console.log("ok");
        //            // console.log("json数据为:" + res.body)//此处的res对象包含了json的文件信息和数据，我们需要的json数据存在于body属性中
        //        },err=>{
        //            console.log("访问错误");
        //        })
        //    }
        // }
    }

</script>

<style lang="scss" scoped>
    h5, .mui-h5 {
        font-size: 14px;
        font-weight: normal;
        color: #222222;
    }
    .mui-table-view-cell p {
        display: flex;/*弹性盒子*/
        justify-content: space-between; /*两端对齐，子元素之间有间隙*/
        font-size: 12px;
    }

</style>